*{margin: 0; padding: 0; border:0;  font-weight: normal;}
html{}
body{font-size: 10px;  font-family:  "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; }
li{list-style: none;}
.pull-right{float: right;}
.text-blue{color: #6BA5E7;}
.text-right{text-align: right !important;}
.text-left{text-align: left  !important;}
menu {  height: 44px; line-height: 44px; width: 100%; overflow-x:scroll; overflow-y: hidden; position: fixed; width: 100%;  top: 0; left: 0; background-color: #fff; border-bottom: solid 1px #6BA5E7; }
menu ul{width: 450px; margin: 0; padding: 0;}
menu li{display: inline-block; list-style: none; font-size: 1rem; padding:0 15px; text-align: center;}
menu li a{ text-decoration: none; color: #A6A6A6;}
menu li.active a{ color: #FF7965;}
span.s{display: block; position: fixed; right: 0; top: 0; z-index: 1000;width: 34px; height: 44px; background: url(../img/nav-s.png) no-repeat right top; background-size: 100% 100%; }
span.s img{float: right; padding-top: 16px; padding-right: 5px; width: 14px;}
article{margin:44px auto 60px; display: none;}
article h1{ background-color: #6BA5E7; height: 50px; line-height: 50px; font-size: 1rem; color: #fff; padding: 0 12px;}
article h1>span{color:#BEDCFF; font-size: 0.8rem; padding-left: 5px;}
article .number{height: 30px; float: right; padding-top: 8px;  text-align: right; vertical-align: top;}
article .number span{display: inline-block; text-align: center; min-width: 20px;  height: 30px; line-height: 30px; vertical-align: top;}
article .number button{  background-color: #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; outline：none; }
article .number button img{ display: block; margin:8px auto; width: 14px; height: 14px;}

article h2{background-color: #DCEDFF;height: 44px; line-height: 44px; font-size: 1rem; padding: 0 12px; color:#6BA5E7; }
article h2 span{float: right; text-align: right; display: inline-block; font-size: 0.8rem; color: #999;}
article li{padding:8px 12px; font-size: 1rem; height: 44px; line-height: 44px; color: #585858;}
article li:nth-child(even){ background-color: #F7FBFF;}
article li .number{padding-top: 6px;}
article li img.img{ width: 56px; height: 36px; float: left; padding-top: 4px; margin-right: 14px;}
article li h3{float: left; font-size: 1rem; min-width: 60px;}
article li h4{float: left; font-size: 1rem; color: #6BA5E7;}


.wrapper > footer{
	background-color: #FAFAFA; height: 44px; line-height: 44px; position: fixed; width: 100%; bottom: 0; left: 0; border-top: solid 1px #DFDFDF;
}
.wrapper > footer div{ width: 55%; display: inline-block;}
.wrapper > footer h1{border:solid 1px #ccc; padding: 10px;  border-radius: 50%; float: left; width: 30px; height: 30px; margin: -15px 0 0 12px; background-color: #fff; text-align: center; position: relative;}
.wrapper > footer h1 span{display: block; width: 26px; height: 26px; border-radius: 13px; background-color: #4A90E2; color: #fff; line-height: 26px; font-size: 1rem; text-align: center; position: absolute; top: -6px; right: -6px;}
.wrapper > footer h5{ display: inline-block; float: left; font-size: 1rem; color:#7E7E7E; padding-left: 20px;}
.wrapper > footer h5 span{ color:#5AA3E8;}
.wrapper > footer img {margin-top: 5px; width: 25px; height: 25px; }
.wrapper > footer button{width: 40%; background-color: #6BA5E7; float: right; line-height:44px; height: 44px; font-size: 1rem; color: #fff;}
.wrapper > footer button:disabled{background-color: #ccc;}
.wrapper > footer h2{color: #7E7E7E;  padding-left: 20px;}
.wrapper > footer h2 span{color: #5AA3E8;}

.bg-gray{background-color: #F3F3F3; padding-bottom: 60px;}
address{font-style:normal;  background-color: #fff; border-top: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; margin-top: 10px;}
address>a,address>.a{text-decoration: none; padding: 14px 50px 14px 14px;  display: block;}
address hr{  height: 10px; background: url(../img/bg-address-gray.svg) repeat-x -3px top;}
address.active hr{  height: 10px; background: url(../img/bg-address.svg) repeat-x  left top;}
address h1{font-size: 0.8rem; color: #919191; font-size:1rem;}
address h2{color: #000000; line-height: 36px; font-size:1rem;}
address p{font-size: 0.8rem; color: #000000;}
address img{ display: block; float: right; margin-top: 8px; margin-right: -40px;}
address .checkboxFive{float: right; margin-right: -35px; margin-top: 2px; }


address .a.input-a {padding: 14px;}
address ul{font-size: 1rem; line-height: 1.4rem; width: 100%;}
address ul li{ border-bottom: solid 1px #eee; padding: 14px 0;}
address input[type='text']{border:solid 1px #ccc; font-size:1rem; border-radius: 3px;height: 2rem; line-height: 2rem; display: block; width: 100%; margin-top: 6px; text-indent: 14px;}

address ul li button{display: block; width:100%; padding:10px 0; border-radius:5px;font-size:1rem;background-color: #6BA5E7; color: #fff;}

.order-box{background-color: #fff; border-top: solid 1px #E0E0E0; font-size: 1rem; border-bottom: solid 1px #E0E0E0; padding: 14px; margin-top: 10px;}
.order-box span{font-size: 0.8rem;}
.order-box textarea.ord-input{width: 100%; display: block; border:solid 1px #ccc; font-size:0.8rem; border-radius: 3px;  line-height: 2rem;}
.order-box table{width: 100%; }
.order-box table th,.order-box table td{line-height: 40px;}
.order-box table th{text-align: left; }
.order-box table td{text-align: right; color: #9B9B9B;}
.order-box table thead th,.order-box table thead td,
.order-box table tbody tr:last-child th,.order-box table tbody tr:last-child td{border-bottom: solid 1px #EBEBEB;}
.order-box table tfoot th,.order-box table tfoot td{padding-top: 5px;}



.checkboxFive{
  position: relative;
 
  width: 25px; height: 25px;
}

.checkboxFive input[type=checkbox],.checkboxFive input[type=radio] {
  visibility: hidden; width: 25px; height: 25px;
}

.checkboxFive label {
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
    left: 0;
  background: #fff;
  border:1px solid #ddd;
  border-radius: 50%;
}
.checkboxFive label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 11px;
  height: 6px;
  background: transparent;
  top: 7px;
  left: 6px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
 	  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg); // IE9 only
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
 
}
.checkboxFive label::after {
  opacity: 0.2;
}
.checkboxFive input[type=checkbox]:checked + label,.checkboxFive input[type=radio]:checked + label{
  background: #57A3F2; border-color:#57A3F2;
}
.checkboxFive input[type=checkbox]:checked + label:after,.checkboxFive input[type=radio]:checked + label:after {
  opacity: 1;
  border: 3px solid #fff;
  border-top: none;
  border-right: none;

}

.user-banner{ 
  background: url(../img/bg-my.jpg) no-repeat left top;
  background-size: 100% 100%;
  height: 120px;
  padding-top: 15px;
}
.user-banner img{display: block; margin: 0 auto 5px; border-radius: 50%; border:solid 2px #fff; width: 76px; height: 76px;}
.user-banner h1{ color: #fff; text-align: center; font-size: 1rem; font-weight: normal;}
.user-banner h1 span{font-size: 0.8rem;}



.renminbi{background-color: #3775BD; color: #fff; height: 50px; padding: 6px 0;}
.renminbi h1,.renminbi h2{ height: 50px; display: inline-block;margin:0; text-align: center; width: 49%; font-size: 1rem; }
.renminbi h1 span,.renminbi h2 span{display: block; font-size: 0.8rem;}
.renminbi h2{border-left: solid 1px #7799C1;}



.qr { text-align: center;}
.qr img{display: block;margin:15px auto;}
.qr h5{font-size: 1rem; color: #3775BD;}
.qr h6{font-size: 0.8rem; color: #FB9440;}


.friends{margin-top: 20px;}
.friends dt{ background-color: #6BA5E7; color: #fff; font-size: 1rem; padding:5px  10px;}
.friends dd{ padding:15px 0 15px 90px; height: 50px; }
.friends dd:nth-child(even){background-color: #E3F1FF;}
.friends dd img{float: left; margin-left: -70px; width: 50px; height: 50px; border-radius: 50%;}
.friends dd h5{font-size: 1rem; color: #3775BD;}
.friends dd h6{color: #808080;}




